semantic tag 이제는 모던 자바스크립트를 알아야지 - 시멘틱 태그, 시멘틱 웹 이에 면접관님은 별 다른 대답은 없었지만, 지금의 나는 그것이 잘못 되었다는 것을 알고 있다. 이번에는 div가 아닌 시멘틱 태그를 이용한 개발에 대해서 알아보고, 시멘틱 태그, 시멘틱 웹에 대해서 들어보지 않은 사람들도, 들어보았지만 잘 모르는 사람도 있을 것이다. 이는 <div>가 아닌 <header>, <footer>, <main>, <section> 등이 있는데, 자세한 건 아래에서 ... 모던 자바 스크립트JavaScript시멘틱 태그시멘틱 웹semantic tagJavaScript 이미지 넣는 방법2개(+semantic web과 semantic tag 이해) 2021.11.01 (Day1)에 배운 것중, HTML과 CSS에서 이미지 넣는 방법 2가지에 대하여 정리해보려고 한다. 하나는 <img>태그를 이용하여 이미지 주소(url) or 이미지 파일 경로를 입력하는 방법 나머지 하나는 background-image를 이용하여 입력하는 방법 이다. 태그 사용법 EX) 해당 코드를 입력하면, 하단의 이미지처럼 넣을 수 있다.(원본 사이즈 그대로) --... semantic websemantic tagsemantic tag 11.17 TIL <img alt="HTML" src=이미지 주소> alt: 이미지가 뜨지 않았을 때(서버에서 이미지가 삭제됐거나 잘못된 이미지 주소일 때..) 이미지 대신 보여줄 텍스트 src: 이미지 파일 경로 or 이미지 url 주소 img 사이즈 조절 -width로 이미지 원하는 사이즈로 조절 가능 html css img태그를 사용시, heigth와 width 둘중 하나만 입력하여도 브라우저에서 알아서... semanticsemantic websemantic tagsemantic TIL 4 | HTML & CSS (4) 1) 시맨틱 웹(Semantic Web)이란? 사람이 이해할 수 있도록 구현된 기존의 웹문서가 가진 한계를 보완하고, 컴퓨터가 스스로 의미(semantic)를 파악하고 사용자가 필요로 하는 정보를 추출할 수 있도록 한다. <div>, <span>과 같이 자신의 컨텐츠에 대해 아무것도 설명해주지 않는 non-semantic tag를 이용하는 경우, class, id를 부여하여 구역을 나누고 스... griddisplay propertyCSSimgsemantic websemantic tagFlexhtmlCSS Semantic tag(h1의 억울함😩) 자 여기 "제목입니다."라는 두 줄의 텍스트가 있습니다. 똑같이 보이죠? 그렇지만 만들어진 방법은 전혀 다릅니다. 각 각 h1태그와 b태그로 만들어진 코드입니다. 모로 가도 서울로만 가면 되는데 결과만 제대로 나온다고 그날의 기분 따라서 맘에 드는 tag를 쓰면 될까요? 땡! 안됩니다! 코드만으로 내용을 유추할 수 있는 HTML의 Semantic tag를 알아보고 조금 더 의미 있는 마크업을... semantic taghtmlhtml
이제는 모던 자바스크립트를 알아야지 - 시멘틱 태그, 시멘틱 웹 이에 면접관님은 별 다른 대답은 없었지만, 지금의 나는 그것이 잘못 되었다는 것을 알고 있다. 이번에는 div가 아닌 시멘틱 태그를 이용한 개발에 대해서 알아보고, 시멘틱 태그, 시멘틱 웹에 대해서 들어보지 않은 사람들도, 들어보았지만 잘 모르는 사람도 있을 것이다. 이는 <div>가 아닌 <header>, <footer>, <main>, <section> 등이 있는데, 자세한 건 아래에서 ... 모던 자바 스크립트JavaScript시멘틱 태그시멘틱 웹semantic tagJavaScript 이미지 넣는 방법2개(+semantic web과 semantic tag 이해) 2021.11.01 (Day1)에 배운 것중, HTML과 CSS에서 이미지 넣는 방법 2가지에 대하여 정리해보려고 한다. 하나는 <img>태그를 이용하여 이미지 주소(url) or 이미지 파일 경로를 입력하는 방법 나머지 하나는 background-image를 이용하여 입력하는 방법 이다. 태그 사용법 EX) 해당 코드를 입력하면, 하단의 이미지처럼 넣을 수 있다.(원본 사이즈 그대로) --... semantic websemantic tagsemantic tag 11.17 TIL <img alt="HTML" src=이미지 주소> alt: 이미지가 뜨지 않았을 때(서버에서 이미지가 삭제됐거나 잘못된 이미지 주소일 때..) 이미지 대신 보여줄 텍스트 src: 이미지 파일 경로 or 이미지 url 주소 img 사이즈 조절 -width로 이미지 원하는 사이즈로 조절 가능 html css img태그를 사용시, heigth와 width 둘중 하나만 입력하여도 브라우저에서 알아서... semanticsemantic websemantic tagsemantic TIL 4 | HTML & CSS (4) 1) 시맨틱 웹(Semantic Web)이란? 사람이 이해할 수 있도록 구현된 기존의 웹문서가 가진 한계를 보완하고, 컴퓨터가 스스로 의미(semantic)를 파악하고 사용자가 필요로 하는 정보를 추출할 수 있도록 한다. <div>, <span>과 같이 자신의 컨텐츠에 대해 아무것도 설명해주지 않는 non-semantic tag를 이용하는 경우, class, id를 부여하여 구역을 나누고 스... griddisplay propertyCSSimgsemantic websemantic tagFlexhtmlCSS Semantic tag(h1의 억울함😩) 자 여기 "제목입니다."라는 두 줄의 텍스트가 있습니다. 똑같이 보이죠? 그렇지만 만들어진 방법은 전혀 다릅니다. 각 각 h1태그와 b태그로 만들어진 코드입니다. 모로 가도 서울로만 가면 되는데 결과만 제대로 나온다고 그날의 기분 따라서 맘에 드는 tag를 쓰면 될까요? 땡! 안됩니다! 코드만으로 내용을 유추할 수 있는 HTML의 Semantic tag를 알아보고 조금 더 의미 있는 마크업을... semantic taghtmlhtml